<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lazyload page</title>
<script src="../jquery.2.14.min.js"></script>
<script src="jquery.lazyload.js"></script>
<style>
	img a,img{border:0px;}
	div{margin:0px auto; height:auto;}
	.f_l{float:left;}
</style>
<script>
	$(document).ready(function(){
		$("img").lazyload({ 
			 effect: "fadeIn"
		}); 		
	});
</script>
</head>
<body>
<div style="width:1424px; ">
	<div class="f_l"><img src="images/f01_02.jpg" /></div>
	<div class="f_l"><img src="images/f01_03.jpg" /></div>
	<div class="f_l"><img src="images/f01_04.jpg" /></div>
	<div class="f_l"><img src="images/f01_05.jpg" /></div>
	<div class="f_l"><img src="images/f01_06.jpg" /></div>
	<div class="f_l"><img src="images/f01_07.jpg" /></div>
	<div class="f_l"><img src="images/f01_08.jpg" /></div>
	<div class="f_l"><img src="images/f01_09.jpg" /></div>
	<div class="f_l"><img src="images/f01_10.jpg" /></div>
</div>
<div style="width:1424px;">
	<div><a href="#"><img src="images/loading.gif" data-original="images/f02_01.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f02_02.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f02_03.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f02_04.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f02_05.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f02_06.jpg"></a></div>
</div>
<div style="width:1424px;">
	<div><a href="#"><img src="images/loading.gif" data-original="images/f03_01.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f03_02.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f03_03.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f03_04.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f03_05.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f03_06.jpg"></a></div>
</div>
<div style="width:1424px;">
	<div><a href="#"><img src="images/loading.gif" data-original="images/f04_01.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f04_02.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f04_03.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f04_04.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f04_05.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f04_06.jpg"></a></div>
</div>
<div style="width:1424px;">
	<div><a href="#"><img src="images/loading.gif" data-original="images/f05_01.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f05_02.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f05_03.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f05_04.jpg"></a></div>
	<div><a href="#"><img src="images/loading.gif" data-original="images/f05_05.jpg"></a></div>
</div>
<div style="width:1424px;">
	<div><img src="images/loading.gif" data-original="images/f05_06.jpg"></div>
</div>
</body>
</html>
